<div id="topmenu">
	<div id="dockContainer">
			<ul id="jqDock">
				<li><a class="dockItem" href="<%= request.getContextPath() %>/pais/list"><img src="../js/menus/images/dock/home-sm.png" alt="Home" title="Example&nbsp;1" /></a></li>
				<li><a class="dockItem" href="<%= request.getContextPath() %>/index/index"><img src="../js/menus/images/dock/email-sm.png" alt="Contact" title="Example&nbsp;2" /></a></li>
				<li><a class="dockItem" href="example3.html"><img src="../js/menus/images/dock/portfolio-sm.png" alt="portfolio" title="Example&nbsp;3" /></a></li>
				<li><a class="dockItem" href="all-examples.html"><img src="../js/menus/images/dock/music-sm.png" alt="music" title="All&nbsp;Examples" /></a></li>
				<li><a class="dockItem" href="#"><img src="../js/menus/images/dock/video-sm.png" alt="video" title="Video" /></a></li>
				<li><a class="dockItem" href="#"><img src="../js/menus/images/dock/history-sm.png" alt="history" title="History" /></a></li>
				<li><a class="dockItem" href="#"><img src="../js/menus/images/dock/calendar-sm.png" alt="calendar" title="Calendar" /></a></li>
				<li><a class="dockItem" href="#"><img src="../js/menus/images/dock/link-sm.png" alt="links" title="Links" /></a></li>
				<li><a class="dockItem" href="#"><img src="../js/menus/images/dock/rss-sm.png" alt="rss" title="RSS" /></a></li>
			</ul>
		</div>
</div>
<script type="text/javascript">
$(document).ready(function(){ 
	var jqDockOpts = {align: 'top', duration: 200, labels: 'tc', size: 48, distance: 85};
		$('#jqDock').jqDock(jqDockOpts);
	});
// 	var jqDockOpts = {align: 'left', duration: 200, labels: 'tc', size: 48, distance: 85};
// 		$('#jqDock').jqDock(jqDockOpts);
// 	});
</script>
<style type="text/css">
	div#dockContainer{
		left: 200px;
		
	}
	div#topmenu{
		height: 63px
		
	}
</style>
<!-- <div id="topmenu"> -->

<!-- </div> -->

<!-- <style> -->
<!-- 	div#topmenu{ -->
<!-- 		height:100px; -->
<!-- 		box-shadow: 1px 4px 17px #888888; -->
<!-- 	} -->
<!-- </style> -->
